<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>注册界面</title>
    <link rel="StyleSheet" href="../css/jpetstore.css" type="text/css" media="screen"/>
    <link rel="stylesheet" href="../css/aboveTool.css" type="text/css" media="screen"/>
    <link rel="stylesheet" href="../css/style.css" type="text/css" media="screen"/>
    <script type="text/javascript" src="../js/jquery-3.6.0.min.js"></script>
    <script type="text/javascript" src="../js/index.js"> </script>
    <script type="text/javascript" src="../js/NewAccountForm.js"></script>
<body>
<div th:replace="common/IncludeTop::header"></div>
<div id="Content">
    <div id="Catalog">
        <div>
            <script type="text/javascript">
                $(document).ready(function(){
                    $("#Catalog").hide().fadeIn();
                });
            </script>
        </div>
        <form action="editAccount" method="post">
            <h3>User Information</h3>

            <table>
                <tr>
                    <td>User ID:</td>
                    <td th:text="${account.username}">
                        account.username
                    </td>
                </tr>
                <tr>
                    <td>New password:</td>
                    <td>
                        <input type="password" name="password" id="password"/>
                    </td>
                </tr>
                <tr>
                    <td>Repeat password:</td>
                    <td>
                        <input type="password" name="repeatedPassword" id="repeatedPassword"/>
                </tr>
                <font color="red" th:text="${session.msg}"></font>
            </table>
            <div th:replace="account/IncludeAccountFields::fields"></div>
            <input type="submit" name="editAccount" value="Save Account Information"/>
        </form>
    </div>
</div>
<div th:replace="common/IncludeBottom::footer"></div>
</body>
</html>